<template>
  <h3>模版语法</h3>
  <p>{{ msg }}</p>
  <p>{{ number + 1 }}</p>
  <p>{{ ok ? 'Yes' : 'No' }}</p>
  <p>{{ message.split('').reverse().join('') }}</p>
  <P>纯文本：{{ rawHtml }}</P>
  <p v-html="rawHtml"></p>
</template>

<script>
export default {
  data() {
    return {
      msg: "神奇的语法",
      number: 10,
      ok: true,
      message: "大家好",
      rawHtml: "<a href=https://softeng.cn>非典型性程序员</a>"
    }
  }
}
</script>